<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    .cont{width: 1000px;border: solid 1px black;margin: 0 auto;overflow: hidden;}
    .cont .box{float: left;border: solid 1px black;box-sizing: border-box;width: 250px;}
    .cont .box>img{width: 80%;height:200px;display: block;margin: 4px auto;}
    .cont .box .imgs{width: 100%;height: 40px;}
    .cont .box .imgs img{width: 40px;height:40px;float: left;}
    .cont p{margin: 5px 0;}
    .cont p:nth-of-type(1){height: 40px;line-height: 20px;overflow: hidden;}
    .cont .tags{width: 100%;height: 20px;}
    .cont .tags span{float: left;margin: 0 2px;padding: 2px;font-size: 12px;color: #fff;}
  </style>
</head>
<body>
  <h2>这是商品列表，<a href="./cart.html">去结算</a></h2>
  <div class="cont"></div>
</body>
<script src="./js/listMain.js" type="module"></script>
</html>